(function(win, doc) {
  "use strict";

  // 设计稿宽度
  var designWidth = 375;

  // 有则监测屏幕旋转 orientationchange
  // 无则监测文档视图调整 resize
  // var resizeEvt = 'orientationchange' in win ? 'orientationchange' : 'resize'

  // 重计算方法
  var recalc = function() {
    var docEl = doc.documentElement;
    var clientWidth = docEl.clientWidth;

    // 区分屏幕方向
    // window.orientation 已弃用，使用 window.screen.orientation 代替
    var orientation = win.screen.orientation
      ? win.screen.orientation.angle
      : win.orientation;
    if (orientation === 0 || orientation === 180) {
      // 竖屏 portrait
      clientWidth = docEl.clientWidth;
    } else if (
      orientation === 90 ||
      orientation === 270 ||
      orientation === -90
    ) {
      // 横屏 landscape
      clientWidth = docEl.clientHeight;
    }

    // 不区分屏幕方向
    clientWidth = docEl.clientWidth;

    // 以设计稿宽度为最大限制
    clientWidth = clientWidth > 750 ? designWidth : clientWidth;

    var fontSize = (clientWidth / designWidth) * 100;
    docEl.style.fontSize = fontSize + "px";
  };

  // 绑定事件
  // win.addEventListener(resizeEvt, recalc, false)
  doc.addEventListener("DOMContentLoaded", recalc, false);
})(window, document);
